/* 自定义公共样式 */
.app-content {
  padding: 20px;
}

.flex {
	display: flex;
}
.flex1 {
	flex: 1;
}
.flex2 {
	flex: 2;
}
.flex3 {
	flex: 3;
}
.shrink0 {
	flex-shrink: 0;
}

.flex-alignc {
	display: flex;
	align-items: center;
}
.flex-alignc-justifyb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-alignc-justifya {
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.flex-column {
	display: flex;
	flex-direction: column;
}


.floatl {
	float: left;
}
.floatr {
	float: right;
}

.w0 {
	width: 0;
}
.w50 {
	width: 50%;
}
.w100 {
	width: 100%;
}
.wauto {
	width: auto;
}
.h0 {
	height: 0;
}
.h50 {
	height: 50%;
}
.h100 {
	height: 100%;
}
.hauto {
	height: auto;
}

/* 字体大小 */
.fs-14 {
	font-size: 14px;
}
.fs-16 {
	font-size: 16px;
}
.fs-18 {
	font-size: 18px;
}
.fs-20 {
	font-size: 20px;
}
.fs-22 {
	font-size: 22px;
}
.fs-24 {
	font-size: 24px;
}
.fs-26 {
	font-size: 26px;
}
.fs-28 {
	font-size: 28px;
}
.fs-32 {
	font-size: 32px;
}
.fs-36 {
	font-size: 36px;
}
.fs-40 {
	font-size: 40px;
}
.fs-44 {
	font-size: 44px;
}
.fs-48 {
	font-size: 48px;
}
.fs-52 {
	font-size: 52px;
}
.fs-56 {
	font-size: 56px;
}

/* 自定义颜色 */
.c777 {
	color: #777777;
}
.cfff {
	color: #ffffff;
}
.cF94 {
	color: #F94F46;
}
.cD49 {
	color: #D4962F;
}
.cCEA {
	color: #CEA17B;
}
.c333 {
	color: #333333;
}
.cfbd {
	color: #fbd12f;
}
.cFF9 {
	color: #FF975B;
}
.c00A {
	color: #00AFFF;
}
.c3D3 {
	color: #3D3D3D;
}
.c767 {
	color: #767676;
}
.c7B7 {
	color: #7B7B7B;
}
.c404 {
  color: #404040;
}
.c333 {
  color: #333333;
}

.pointer {
	cursor: pointer;
}

.bold {
	font-weight: bold;
}

/* 单行文本溢出隐藏 */
.text-ellipsis {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/* 自定义卡片 */
.card {
	border-radius: 10px;
	background: #FFFFFF;
	box-shadow: 0 8px 12px 0 rgba(125, 153, 247, 0.2);
	padding: 20px;
    box-sizing: border-box;
}
.card-title {
	font-size: 28px;
	font-weight: bold;
	color: #333333;
}

.tree-left {
  width: 300px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #bbbbbb;
	.tree-input {
		height: 36px;
		line-height: 36px;
		.el-input__suffix-inner {
			flex-direction: row-reverse;
			.el-icon {
				font-size: 20px !important;
			}
		}
	}
}

// 表格样式
.basic-table-tpl.el-table {
  width: 100%;
  height: 100%;
  min-height: 200px;
  font-size: 14px;
  .el-table__header {
    .el-table__cell {
      height: 48px;
      line-height: 32px;
      color: #253440;
      font-weight: 600;
      background-color: var(--el-color-primary-light-9);
    }
  }
  .el-table__body-wrapper {
    height: calc(100% - 48px);
    overflow: auto;
    .el-table__body tbody tr {
      &:hover>td.el-table__cell {
        background-color: var(--el-color-primary-light-9);
      }
    }
    .el-table__body tbody tr:nth-child(even) {
      background-color: var(--el-color-primary-light-9);
    }
    .el-table__cell {
      height: 48px;
      line-height: 32px;
      color: #253440;
    }
    .el-table__empty-text {
      width: 100%;
      .el-skeleton {
        .el-skeleton__p.is-first {
          width: 100%;
          margin-top: 32px;
        }
        .el-skeleton__p.is-last {
          width: 100%;
        }
        .el-skeleton__item {
          display: block;
          margin-top: 32px;
          height: 16px;
        }
      }
    }
  }
  .el-dropdown {
    margin-left: 12px;
    display: inline-block;
    line-height: 23px;
  }
}

.basic-pagination.el-pagination {
  button.btn-prev,
  button.btn-prev:disabled,
  button.btn-next,
  button.btn-next:disabled {
    background-color: transparent;
  }
  .el-pager .number {
    background-color: transparent;
  }
  .el-pager .more {
    background-color: transparent;
  }
}
